import React from 'react';
import './index.less';
import Text from '../../widget/text';
import Print from '../../widget/print';
import { Refs } from './cite';
import { componentClass, ComponentProps } from '../../../common/Component';

export default function(props:React.PropsWithChildren<ComponentProps>){
    return <div className={componentClass(props, 'apps-markdown')} >
        <Text>
            <Print>
            <div className='markdown-body content'>
                {props.children}
                <Refs/>
            </div>
            </Print>
        </Text>
    </div>
}